<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/global.css">
</head>
<body>
    <div class="layui-header">
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-md1 layui-col-sm1 layui-col-xs1">
                    <div class="layui-logo">
                        <img src="../image/logo.jpg" alt="logo">
                    </div>
                </div>
                <div class="layui-col-md5 layui-col-sm7 layui-col-md-offset6 layui-col-sm-offset4">
                    <ul class="layui-nav layui-hide-mini">
                        <li class="layui-nav-item"><a href="">首页</a></li>
                        <li class="layui-nav-item"><a href="">文章</a></li>
                        <li class="layui-nav-item"><a href="">时光线</a></li>
                        <li class="layui-nav-item"><a href="">用户</a></li>
                    </ul>
                    <ul class="layui-nav layui-nav-hide layui-show-mini">
                        <li class="layui-nav-item">
                            <a href="javascript:;">更多</a>
                            <dl class="layui-nav-child">
                                <dd><a href="">首页</a></dd>
                                <dd><a href="">文章</a></dd>
                                <dd><a href="">时光线</a></dd>
                                <dd><a href="">用户</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-main">
        <div class="layui-container">
            <div class="layui-row layui-col-space10">
                <div class="layui-col-md9">
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-md4">
                            <div class="layui-card">
                                <div class="layui-card-header text-center">layui 2.3.0 发布</div>
                                <div class="layui-card-body">
                                    layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发
                                </div>
                                <div class="layui-card-footer text-center">
                                    <button class="layui-btn layui-btn-primary">立即查看</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-card">
                                <div class="layui-card-header text-center">layui 2.3.0 发布</div>
                                <div class="layui-card-body">
                                    layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发
                                </div>
                                <div class="layui-card-footer text-center">
                                    <button class="layui-btn layui-btn-primary">立即查看</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-card">
                                <div class="layui-card-header text-center">layui 2.3.0 发布</div>
                                <div class="layui-card-body">
                                    layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发
                                </div>
                                <div class="layui-card-footer text-center">
                                    <button class="layui-btn layui-btn-primary">立即查看</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-md12">
                            <div class="layui-card">
                                <div class="layui-card-header">文章类型</div>
                                <div class="layui-card-body layui-btn-container">
                                   <button class="layui-btn layui-btn-primary">layui</button>
                                    <button class="layui-btn layui-btn-primary">thinkphp</button>
                                    <button class="layui-btn layui-btn-primary">生活</button>
                                    <button class="layui-btn layui-btn-primary">php</button>
                                    <button class="layui-btn layui-btn-primary">前端</button>
                                    <button class="layui-btn layui-btn-primary">java</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md12">
                            <div class="layui-card">
                                <div class="layui-card-header">推荐文章</div>
                                <div class="layui-card-body">
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                    <div class="layui-elip">
                                        <a href="">数据表格加载后只有表头,json数据是正常的</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer text-center">
        © 2018 layui.com MIT license
    </div>
    <script src="../layui/layui.js"></script>
    <script src="../js/global.js"></script>
</body>
</html>